/* Base Application Styles */

html,
body {
  height: 100%;
  width: 100%;
  background-color: #ddd;

  /* background-color: #222; */
}

.app-wrap {
  height: 100%;
  width: 100%;


  .nav-header {

    background: #eee;
    padding: 0 30px;
    
    li {
      list-style: none;
      // float: left;
      display: inline-block;
      padding: 4px;

      // &+li {
      //   // margin-left: 4px;
      //   border-left: 1px solid gray; 
      // }

      // &:after {
      //   display: block;
      //   content: '';
      //   clear: both;
      // }

      &.active>a{
        color: wheat;
        background: black;
      }
      
    }
  }

  .app-main {
    height: 100%;
    width: 100%;
  }
}